<template>
    <div>
        <ul>
            <li @click="routerChange('screen-1')">屏幕1</li>
            <li @click="routerChange('screen-3')">屏幕2</li>
            <li @click="routerChange('screen-4')">屏幕3</li>
        </ul>
    </div>
</template>

<script>
export default {
    methods: {
        routerChange(str) {
            this.$router.push(str);
        }
    }
};
</script>

<style lang="scss" scoped>
ul {
    padding-top: 20vh;
    list-style: none;
    li {
        font-size: 40px;
        display: inline-block;
        border: 2px solid #ddd;
        margin: 0 10px;
        padding: 0 10px;
    }
}
</style>
